<style lang="less" scoped>
.m-footer{
  position: fixed; 
  left: 0; 
  bottom: 0; 
  width: 100%;
  height: 47px; 
  border-top: 1px solid #cecece; 
  background: #fff;
  align-items: center;
  z-index:2;
  li{
    font-size:12px; 
    color: #333;
    text-align: center;
    i{
      display: block; 
      font-size: 16px; 
      color: #959595;
    }
    &.active{
      color: #23a5a5;
      i{
        color: #23a5a5;
      }
    }
  }
}
</style>
<template>
  <ul class="m-footer displayflex">
    <router-link to="/index" tag="li" class="flex1"  v-bind:class="{active:status=='1'}">
      <i class="llse llse-index"></i>
      <p>首页</p>
    </router-link>
    <!-- <router-link to="carrorder" tag="li" class="flex1" v-bind:class="{active:status=='2'}">
      <i class="llse icon-order"></i>
      <p>订单</p>
    </router-link> -->
    <router-link to="/user" tag="li" class="flex1"  v-bind:class="{active:status=='3'}">
      <i class="llse llse-my"></i>
      <p>我的</p>
    </router-link>
  </ul>
</template>
<script>
export default {
  name: "footBar",
  props: ["status"],
  data() {
    return {
      
    };
  },
  created() {
  },
  methods: {
  
  }
}
</script>
